
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta charset="UTF-8"></meta>
<link href="css/lazyrig.css" rel="stylesheet" type="text/css"></link>
<script src="js/LazyRig/jquery.js"></script>
</head>
<body>
	<div class="signup-bar">
	<a href="#" class="signup-button" onmouseover="d1.src='image/imageWeb/dkNhanhHover.png'"
				onmouseout="d1.src='image/imageWeb/dkNhanh.png'"><img
				src="image/imageWeb/dkNhanh.png" name="d1" border="0" /></a>
	</div>
	<div class="overlaysignup"></div>
	<div class="signup">
		<div class="signup-header">
			<img src="image/imageWeb/close-btn.png" class="closesignup" />
		</div>
		<div class="signup-content">
			<%@ include file="fastRegistration.jsp"%>
		</div>
	</div>
	<script>
		(function($) {
			var overlay = $('.overlaysignup');
			var signup = $('.signup');
			var body = $('body');
			$('.signup-button').click(function(e) {
				e.preventDefault();
				body.css({
					'overflowsignup' : 'hidden'
				});
				overlay.fadeIn(500, function() {
					signup.fadeIn(500);
				})
			});

			$('.closesignup').click(function(e) {
				e.preventDefault();
				signup.fadeOut(500, function() {
					overlay.fadeOut(500);
					body.css({
						'overflowsignup' : 'visible'
					});
				})
			})
		})(jQuery);
	</script>

</body>
</html>
